<!DOCTYPE html>
<html>

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
		<title>新春吉祥，猴行大运！</title>
		<style>
			* { margin: 0;padding: 0;}
			.zoom {zoom: 1;}
			.zoom:after {clear: both;content: '.';display: block;height: 0;visibility: hidden;overflow: hidden;}
			html,
			body {
				width: 100%;
				height: 100%;
				background: url(image/inde0_bg.jpg) no-repeat center center;
				background-size: cover;
				position: relative;
			}
			.index0_2016{position: absolute;width: 54%;left: 50%;margin-left: -27%;top: 25%;-webkit-animation:upIn 2s;}
			.index0_zf{position: absolute;width: 200px;left: 50%;margin-left: -100px;bottom: 33%;-webkit-animation:upIn 2s;}
			.linkbox {width: 280px;height: 150px;position: absolute;left: 50%;margin-left: -140px;top: 50%; margin-top: -75px;}
			.linkbox a {display: inline-block;width: 80px;height: 145px;text-decoration: none; outline: none;}
			.ls1{float: left;}
			.ls2{margin-left: 18px;}
			.ls3{float: right;}
			.linkbox a img {width: 100%;}
			.leftIn1{-webkit-animation:leftIn1 4s;}
			.leftIn2{-webkit-animation:leftIn2 5s;}
			.leftIn3{-webkit-animation:leftIn3 6s;}
			.beat{animation: myfirst 3s infinite ease;
				-webkit-animation: myfirst 3s infinite ease;}
			@-webkit-keyframes myfirst /* Safari and Chrome */
			{
			/*0%   {-webkit-filter: brightness(1);}
			25%   {-webkit-filter: brightness(1.5);}
			50%   {-webkit-filter: brightness(1);}
			75%   {-webkit-filter: brightness(1.2);}
			100% {-webkit-filter: brightness(1);}*/
			0% {
					-webkit-transform: scale(1)
				}
				15% {
					-webkit-transform: scale(1.05)
				}
				30% {
					-webkit-transform: scale(1)
				}
				55% {
					-webkit-transform: scale(1.01)
				}
				100% {
					-webkit-transform: scale(1)
				}
			}
			@-webkit-keyframes downIn /* Safari and Chrome */
			{
			0%   {opacity: 0;}
			100% {opacity: 1;}
			}
			@-webkit-keyframes upIn /* Safari and Chrome */
			{
			0%   {opacity: 0;}
			50%   {opacity: 0;}
			100% {opacity: 1;}
			}
			@-webkit-keyframes leftIn1 /* Safari and Chrome */
			{
			0%   {opacity: 0;}
			50%   {opacity: 0;}
			100% {opacity: 1;}
			}
			@-webkit-keyframes leftIn2 /* Safari and Chrome */
			{
			0%   {opacity: 0;}
			50%   {opacity: 0;}
			100% {opacity: 1;}
			}
			@-webkit-keyframes leftIn3/* Safari and Chrome */
			{
			0%   {opacity: 0;}
			50%   {opacity: 0;}
			100% {opacity: 1;}
			}
		</style>
	</head>

	<body>
		<img src="image/logo0.png" style="position:fixed;left:0;top:0;opacity:0;z-index:-3;" />
		<img class="index0_2016" src="image/index0_2016.png"/>
		<img class="index0_zf" src="image/index_kqzf.png"/>
		<div class="linkbox zoom">
			<a class="ls1 leftIn1" href="index4.html"><img src="image/link_2.png" /></a>
			<a class="ls2 leftIn2" href="index2.html"><img src="image/link_3.png" /></a>
			<a class="ls3 leftIn3" href="index3.html"><img src="image/link_4.png" /></a>
		</div>

		<script type="text/javascript" src="js/jquery-2.1.1.min.js"></script>
		<script type="text/javascript" src="js/Share.js" ></script>
		<script>
		    $(".linkbox .ls1").bind("webkitAnimationEnd", function() {
				$(".linkbox .ls1").removeClass("leftIn1");
				$(".linkbox .ls1").addClass("beat");
			});
		    $(".linkbox .ls2").bind("webkitAnimationEnd", function() {
				$(".linkbox .ls2").removeClass("leftIn2");
				$(".linkbox .ls2").addClass("beat");
			});
		    $(".linkbox .ls3").bind("webkitAnimationEnd", function() {
				$(".linkbox .ls3").removeClass("leftIn3");
				$(".linkbox .ls3").addClass("beat");
			});
		</script>
	</body>

</html>